<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/shangjia.css">
		<title>商家</title>
	</head>
	<body>
		<div class="header">
			<div class="topUp clearfix">
				<div class="fr shoucang"><span>收藏</span><span>拼单</span></div>
			</div>
			<div class="content-wrapper">
				<div class="avatar">
					<img src="images/shangjia.jpg" style="width: 64px;height: 64px;">
				</div>
				<div class="content">
					<div class="titleSj">
						<span class="name">小镇书屋</span>
					</div>
					<div class="description">
						蜂鸟专送/38分钟送达
					</div>
					<div class="support">
						<span class="text">在线支付满28减5</span>
					</div>
				</div>
			</div>
			<div class="bulletin-wrapper">
				<span class="bulletin-text">滚滚历史巨轮飞转，洪流裹挟着的是无数鲜活的画面</span>
			</div>
			<div class="background">
				<img width="100%" height="100%" src="images/shangjia.jpg">
			</div>
		</div>
		<div class="main">
			<div class="left-menu"  id="left">
				<ul>
					<li><span>玄幻</span></li>
					<li><span>都市</span></li>
					<li><span>仙侠</span></li>
					<li><span>科幻</span></li>
					<li><span>历史</span></li>
				</ul>
			</div>
			<div class="con">
				<div class="right-con" style="display: block;">
					<ul>
						<li>
							<a href="xq.html">
								<div class="menu-img"><img src="images/s1.jpg" width="55" height="55"></div>
								<div class="menu-txt">
									<h4>人间词话</h4>
									<p class="list1">月售57</p>
									<p class="list2">
										<b>￥</b><b>28</b>
									</p>
								</div>
							</a>
						</li>
						<li>
							<a href="xq.html">
								<div class="menu-img"><img src="images/s2.jpg" width="55" height="55"></div>
								<div class="menu-txt">
									<h4>将来的你</h4>
									<p class="list1">月售57</p>
									<p class="list2">
										<b>￥</b><b>28</b>
									</p>
								</div>
							</a>
						</li>
						<li>
							<a href="xq.html">
								<div class="menu-img"><img src="images/s3.jpg" width="55" height="55"></div>
								<div class="menu-txt">
									<h4>红楼梦原著</h4>
									<p class="list1">月售57</p>
									<p class="list2">
										<b>￥</b><b>28</b>
									</p>
								</div>
							</a>
						</li>
						<li>
							<a href="xq.html">
								<div class="menu-img"><img src="images/s4.gif" width="55" height="55"></div>
								<div class="menu-txt">
									<h4>西游记 新课标</h4>
									<p class="list1">月售57</p>
									<p class="list2">
										<b>￥</b><b>28</b>
									</p>
								</div>
							</a>
						</li>
						
					</ul>
				</div>
				
			</div>
		</div>
		<div  class="footer " >
		      <ul>
		          <li >
		            <a href="index.html">首页</a>
		          </li>
		          <li>
		            <a href="order.html" class="">购物车</a>
		          </li>
		          <li >
		            <a href="myhome.html">个人中心</a>
		          </li>
		          <li >
		            <a href="login.html" class="">登录</a>
		          </li>
		   
		      </ul>
		</div>
	</body>
</html>
